<template>
  <div class="zhiling">
      自定义指令
      <!-- <input type="text" ref="input"> -->
      <input type="text" v-focus>
  </div>
</template>

<script>
// import { ref, onMounted } from 'vue'
export default {
//   setup () {
//     // const input = ref(null)
//     // onMounted(() => {
//     //   console.log('input.value', input.value)
//     //   input.value.focus()
//     // })
//     // return {
//     //   input
//     // }
//   }
// 局部自定义指令
  directives: {
    focus: {
      mounted (el, binding, vnode, prevode) {
        console.log('focus mounted', el, binding, vnode, prevode)
        el.focus()
      }
    }
  }
}
</script>

<style>

</style>
